<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>baked&goods</title>
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/ionicons.min.css" rel="stylesheet">
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/goods-manage.css" rel="stylesheet">
    <link type="text/css" href="css/opr-goods.css" rel="stylesheet">

</head>
<body class="row">
<div class="col-md-2 left">
    <div class="left-top">
        <img src="images/logo.png" width="113" height="30" class="img-logo"/>
    </div>
    <input class="search" type="text" placeholder="SERCH...">
    <img src="images/search.png" width="14" height="14" class="img-search">
    <ul class="f-16 parent">
		<li id="production-parent">
			<a href="#"><img src="images/production-manage.png" width="22" height="22"> 商品管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="production-child">
			<a href="total-infor.html"><i class="fa  fa-hand-o-right second"></i>货柜管理</a></li>
		</li>
		<li class="production-child">
			<a href="production-manage.html"><i class="fa  fa-hand-o-right second"></i>订单管理</a></li>
		</li>
		<li id="home-parent">
			<a href="#"><img src="images/home.png" width="22" height="20"> 首页管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="home-child">
			<a href="homeUploadImg.html"><i class="fa  fa-hand-o-right second"></i>轮播图上传</a>
		</li>
		<li class="home-child">
			<a href="releaseAnnounce.html"><i class="fa  fa-hand-o-right second"></i>公告发布</a>
		</li>
		<li>
			<a href="send-more.html"><img src="images/information.png" width="22" height="22"> 站内信<i class="fa fa-angle-double-right back"></i></a>
		</li>
    </ul>
</div>
<div class="col-md-10 right f-r">
    <header>
        <p class="f-16 t-c" id="time"></p>
        <p class="f-10 t-c" id="date"></p>
        <div class="welcome">
            <img src="images/message.png" width="25" height="27">
            <div class="circle color-white f-10 t-c">4</div>
            <img src="images/user.png" id="user" width="32" height="32">
            <p class="f-14" id="welcome"></p>
        </div>
    </header>
    <main class="clearfix">
       	<!--  tab  -->
    	<ul class="nav nav-tabs tab col-md-8 m-b-20 m-l-30">
			<li><a href="total-infor.html">商品信息</a></li>
			<li><a href="up-goods.html">商品上架</a></li>
			<li class="active"><a href="down-goods.html">商品下架</a></li>
			<li><a href="add-goods.html">添加商品</a></li>
			<li><a href="cake-store-goodsManage.html">详情信息</a></li>
		</ul>
		
		
		<!-- title 在tab下指明现在所属的tab -->
		<div class="title col-md-8 m-l-30 m-b-20 clearfix">
			<img src="images/down-goods.png" class="f-l"/>
			<span class="f-l f-16">已上架商品</span>
			<!----批量上架btn------>
			<input type="button" value="批量下架"  id="more-down">
		</div>
		
		<!--select-CheckBox-->
		<div id="check" class="col-md-9 f-l ">
			<label><input id="all" type="checkbox" name="select" /><span>全选</span></label>
			<!--<label><input id="others" type="checkbox" name="select" /><span>反选</span></label>-->
		</div>
		
		<!--contents-->
		<div class="content col-md-8">
			<div class="down-goods tab-pane" id="down-goods">
				<ul id="downList" class="list">
					<li class="clearfix">
						<img src="images/cake3.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>001</span></p>
							<p>商品名称：<span>芒果慕斯</span></p>
							<p>库存：<span>20</span></p>
							<p>售价：<span class="price">¥150</span></p>
							<p>成本价：<span class="price">¥75</span></p>
							<p>折后价格：<span class="price">¥130</span></p>
							<p>上架日期：<span>2016/11/30</span></p>
						</div>
						<input type="button" class="btn btn-primary" value="下架"/>
						<input type="checkbox" name="select"  />
					</li>
					<li class="clearfix">
						<img src="images/cake4.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>002</span></p>
							<p>商品名称：<span>布朗尼</span></p>
							<p>库存：<span>20</span></p>
							<p>售价：<span class="price">¥190</span></p>
							<p>成本价：<span class="price">¥100</span></p>
							<p>折后价格：<span class="price">无折扣</span></p>
							<p>上架日期：<span>2016/11/30</span></p>
						</div>
						<input type="button" class="btn btn-primary" value="下架"/>
						<input type="checkbox" name="select"  />
					</li>
				</ul>
			</div>
		</div>		
    </main>
    <footer>
        <strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
</div>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="GB2312"></script>
<script type="text/javascript" src="js/opr-goods.js"></script>
<script type="text/javascript" src="js/down-goods.js"></script>
</body>
</html>